<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>各院校站首页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/z-index.css">
</head>

<body>
    <nav>
        <div class="w">
            <ul class="list">
                <li class="current">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">新加坡</a>
                </li>
                <li>
                    <a href="#">留学</a>
                </li>
                <li>
                    <a href="#">寄宿家庭</a>
                </li>
                <li>
                    <a href="#">咨讯中心</a>
                </li>
                <li>
                    <a href="#">培训课程</a>
                </li>
                <li>
                    <a href="#">56服务</a>
                </li>
                <li>
                    <a href="#">学校大全</a>
                </li>
            </ul>
            <div class="search_box">
                <input type="text" placeholder="请输入搜索关键词">
                <i></i>
            </div>
        </div>
    </nav>
    <header>
        <div class="w">

            <div class="fl h8Logo ">
                <img src="images/zw.png" alt="" style="width:140px;">
                <ul>
                    <li>新加坡国立大学</li>
                    <li>National University</li>
                </ul>
            </div>
            <div class="fr">
                <span class="big">
                    <img src="images/phone.png" alt="">24小时免费咨询</span>
                <span class="s">
                    <img src="images/china.png" alt="">4008-123-123</span>
                <span class="s">
                    <img src="images/新加坡.png" alt="">0065-123-321</span>
            </div>
        </div>
    </header>
    <section class="ambient-nav w">
        <div class="w clearfix">
            <ul class="tt">
                <li class="Orange-down">
                    <a href="">首页</a>
                </li>
                <li class="js-down">
                    <a href="">学校介绍</a>
                    <ul>
                        <li>学校简介</li>
                        <li>申请条件</li>
                        <li>学费</li>
                        <li>院校问答</li>
                    </ul>
                </li>
                <li>
                    <a href="">课程设置</a>
                </li>
                <li>
                    <a href="">学校新闻</a>
                </li>
                <li>
                    <a href="">优势</a>
                </li>
                <li>
                    <a href=""> 环境</a>
                </li>
                <li>
                    <a href="">合作院校</a>
                </li>
                <li>
                    <a href="">关于我们</a>
                </li>
            </ul>
        </div>
        <div></div>
    </section>
    <section class="w Cooperative-shcool">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="images/slide1.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="images/slide2.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="images/slide3.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="images/slide4.jpg" />
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>



    <section class="w clearfix Cooperative-centerbox">
        <div class="fl top1">
            <div class="Apply">
                <div class="applyTittle">
                    <span>院校简介</span>
                    <div class="news-xian1"></div>
                    <div class="news-xian2"></div>
                </div>
                <div class="schoolshow">
                    <img src="images/zw.png" alt="">
                    <div> 人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。</div>
                </div>
            </div>
            <div class="Apply">
                <div class="applyTittle">
                    <span>学校新闻</span>
                    <div class="news-xian1"></div>
                    <div class="news-xian2"></div>
                </div>
                <div class="schoolshow">
                    <ul class="clearfix">
                        <li>2017年怎么样申请新加坡国立大学本科</li>
                        <li>
                            <a href=""> 更多新闻
                                <img src="images/icon_more.png" alt="">
                            </a>
                        </li>
                    </ul>
                    <div> 人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。</div>
                </div>
            </div>
        </div>
        <div class="fr ">
            <div class="news">
                <div class="hotnews clearfix ">
                    <div class="tittle clearfix">
                        <ul>
                            <li>院校回答</li>
                            <li>
                                <a href="">更多
                                    <img src="images/more.png" alt="">
                                </a>
                            </li>
                        </ul>
                        <div class="news-xian1"></div>
                        <div class="news-xian2"></div>
                    </div>
                    <div class="Answer clearfix">
                        <img src="images/zw.png" alt="">
                        <ul>
                            <li>
                                李同学
                                <span>提问</span>
                            </li>
                            <li>新加坡开播高等教育学院怎么样？</li>
                        </ul>
                    </div>
                    <div class="Answer clearfix question">
                        <img src="images/zw.png" alt="">
                        <ul>
                            <li>
                                王老师
                                <span>回答</span>
                            </li>
                        </ul>
                        <p>
                            人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧
                        </p>
                    </div>
                    <div class="hotbtn twbtn">
                        <a href="">我要提问</a>
                    </div>
                </div>
            </div>
            <img src="images/z-gg2.png" class="gg2" alt="">
        </div>
    </section>
    <section>
        <div class="schoolExhibition w">
            <div class="applyTittle">
                <span>校园环境</span>
                <div class="news-xian1"></div>
                <div class="news-xian2"></div>
            </div>
            <div class="schoolimg">
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/zw.png" alt="">
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </section>
    <section class="w clearfix Cooperative-centerbox">
        <div class="fl top1">

            <div class="Apply">
                <div class="applyTittle">
                    <span>特色专业
                        <span class="morezhuanye">
                            <a href="">更多专业
                                <img src="images/more.png" alt="">
                            </a>
                        </span>
                    </span>
                    <div class="news-xian1"></div>
                    <div class="news-xian2"></div>
                </div>
                <div class="teseSpecialty clearfix">
                    <div class="teseleft fl">
                        <img src="images/zw.png" alt="">
                        <dl>
                            <dt>
                                <a href="">商务与物流及供应链管理</a>
                            </dt>
                            <dd>
                                <a href="">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”悬挂着“中国共产党第十九次全国代表大会”人民大会堂雄伟庄严，万人大礼堂气…</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="teseright fl">
                        <div class="zybox clearfix">
                            <img src="images/zw.png" alt="">
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="images/zy.png" alt="">环境与艺术</a>
                                </dt>
                                <dd>
                                    <a href="">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="zybox clearfix">
                            <img src="images/zw.png" alt="">
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="images/zy.png" alt="">环境与艺术</a>
                                </dt>
                                <dd>
                                    <a href="">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="zybox clearfix">
                            <img src="images/zw.png" alt="">
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="images/zy.png" alt="">环境与艺术</a>
                                </dt>
                                <dd>
                                    <a href="">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="zybox clearfix">
                            <img src="images/zw.png" alt="">
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="images/zy.png" alt="">环境与艺术</a>
                                </dt>
                                <dd>
                                    <a href="">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fr ">
            <div class="news">

                <div class="hotnews">
                    <div class="tittle clearfix">
                        <ul>
                            <li>热门专业</li>
                        </ul>
                        <div class="news-xian1"></div>
                        <div class="news-xian2"></div>
                    </div>
                    <div class="majorlist clearfix">
                        <ul class="hotest clearfix">
                            <li>
                                <a href="">
                                    <img src="images/zw.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">计算机科学与技术</a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="images/hot.png" alt="">
                                </a>
                            </li>
                        </ul>
                        <p>人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全.主席台上方悬挂着“中国共产党第十九..</p>
                        <div class="hotbtn">
                            <a href="">咨询专业招生</a>
                        </div>
                        <div class="otherlist">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 工程管理</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 城市规划设计</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 金融管理</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 计算机科学与技术</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 工程管理</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/hot.png" alt=""> 金融管理</a>
                                </li>

                            </ul>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <section class="w clearfix Cooperative-centerbox" style="margin-top:-50px;">
            <div class="fl">
                <div class="Apply">
                    <div class="applyTittle">
                        <span>合作院校
                            <span class="morezhuanye">
                                <a href="">更多合作院校
                                    <img src="images/more.png" alt="">
                                </a>
                            </span>
                        </span>
                        <div class="news-xian1"></div>
                        <div class="news-xian2" style="width:1111px;"></div>
                    </div>
                  <div class="hzschoolbox">
                        <div class="curriculum">           
                                <div class="cooperationImg">
                                    <div class="cooperationBox fl">
                                        <img src="images/zw.png" alt="">
                                        <p>
                                            <a href="">新加坡国立理工学院</a>
                                        </p>
                                       <ul>
                                           <li>合作专业</li>
                                           <li><a href="">计算机科学与技术</a></li>
                                           <li><a href="">环境与技术</a></li>
                                           <li><a href="">古汉语文学</a></li>
                                           <li><a href="">工商管理</a></li>
                                           <li><a href="">城市规划与设计</a></li>
                                           <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                       </ul>
                                    </div>
                                    <div class="cooperationBox fl">
                                            <img src="images/zw.png" alt="">
                                            <p>
                                                <a href="">新加坡国立理工学院</a>
                                            </p>
                                           <ul>
                                               <li>合作专业</li>
                                               <li><a href="">计算机科学与技术</a></li>
                                               <li><a href="">环境与技术</a></li>
                                               <li><a href="">古汉语文学</a></li>
                                               <li><a href="">工商管理</a></li>
                                               <li><a href="">城市规划与设计</a></li>
                                               <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                           </ul>
                                        </div>
                                        <div class="cooperationBox fl">
                                                <img src="images/zw.png" alt="">
                                                <p>
                                                    <a href="">新加坡国立理工学院</a>
                                                </p>
                                               <ul>
                                                   <li>合作专业</li>
                                                   <li><a href="">计算机科学与技术</a></li>
                                                   <li><a href="">环境与技术</a></li>
                                                   <li><a href="">古汉语文学</a></li>
                                                   <li><a href="">工商管理</a></li>
                                                   <li><a href="">城市规划与设计</a></li>
                                                   <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                               </ul>
                                            </div>
                                            <div class="cooperationBox fl">
                                                    <img src="images/zw.png" alt="">
                                                    <p>
                                                        <a href="">新加坡国立理工学院</a>
                                                    </p>
                                                   <ul>
                                                       <li>合作专业</li>
                                                       <li><a href="">计算机科学与技术</a></li>
                                                       <li><a href="">环境与技术</a></li>
                                                       <li><a href="">古汉语文学</a></li>
                                                       <li><a href="">工商管理</a></li>
                                                       <li><a href="">城市规划与设计</a></li>
                                                       <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                                   </ul>
                                                </div>
                                                <div class="cooperationBox fl">
                                                        <img src="images/zw.png" alt="">
                                                        <p>
                                                            <a href="">新加坡国立理工学院</a>
                                                        </p>
                                                       <ul>
                                                           <li>合作专业</li>
                                                           <li><a href="">计算机科学与技术</a></li>
                                                           <li><a href="">环境与技术</a></li>
                                                           <li><a href="">古汉语文学</a></li>
                                                           <li><a href="">工商管理</a></li>
                                                           <li><a href="">城市规划与设计</a></li>
                                                           <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                                       </ul>
                                                    </div>
                                                    <div class="cooperationBox fl">
                                                            <img src="images/zw.png" alt="">
                                                            <p>
                                                                <a href="">新加坡国立理工学院</a>
                                                            </p>
                                                           <ul>
                                                               <li>合作专业</li>
                                                               <li><a href="">计算机科学与技术</a></li>
                                                               <li><a href="">环境与技术</a></li>
                                                               <li><a href="">古汉语文学</a></li>
                                                               <li><a href="">工商管理</a></li>
                                                               <li><a href="">城市规划与设计</a></li>
                                                               <li><a href=""><img src="images/icon-right.png" alt=""></a></li>
                                                           </ul>
                                                        </div>
                                </div>
                            </div>
                  </div>
                </div>
            </div>
          
        </section>
        
    <footer class="common z-footer">
        <div class="w">
            <span>
                <a href="">关于我们</a>
            </span>
            <ul class="links">
                <li>
                    <a href="#">机构介绍</a>
                </li>
                <li>
                    <a href="#">隐私条款</a>
                </li>
                <li>
                    <a href="#">免责声明</a>
                </li>
                <li>
                    <a href="#">网站地图</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
            </ul>
            <a href="" class="ft-logo">
                <img src="images/logo2.png" alt="">
            </a>
        </div>



        <div class="Consultation w left">
            <div>
                <span>
                    <a href="">咨询招生</a>
                </span>
                <div class="Consultation-left border-right">
                    <dl>
                        <dt>65留学咨询服务中心（中国）
                            <span></span>
                        </dt>
                        <dd>
                            <img src="images/z-phone.png" alt="">
                            <span>400-xxx-xxx（中国）</span>
                        </dd>
                        <dd>
                            <img src="images/z-dizhi.png" alt="">
                            <span>江苏省南京市栖霞区Lorem ipsum dolor sit amet,consectetur</span>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="footyou">
                <span>
                    <a href="">咨询招生</a>
                </span>
                <div class="Consultation-left ">
                    <dl>
                        <dt>65留学咨询服务中心（新加坡）
                            <span></span>
                        </dt>
                        <dd>
                            <img src="images/z-phone.png" alt="">
                            <span>400-xxx-xxx（中国）</span>
                        </dd>
                        <dd>
                            <img src="images/z-dizhi.png" alt="">
                            <span>江苏省南京市栖霞区Lorem ipsum dolor sit amet,consectetur</span>
                        </dd>
                    </dl>
                </div>

            </div>
            <a href="" class="ft-wx">
                <img src="images/zw.png" alt="">
            </a>
        </div>
        <div class="w footer-bottom">

            增值电信业务经营许可证 苏B2-20130051 苏ICP备13024659号 Copyright © 2008-2017 AEIS.ORG.CN All Rights Reserved Powered by ning·mao
        </div>


    </footer>
</body>
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/z-style.js"></script>
<script>
    var swiper = new Swiper('.swiper-container2', {
        pagination: '.swiper-pagination',
        slidesPerView: 5,
        paginationClickable: true,
        paginationClickable: '.swiper-pagination',
        speed: 1000,
        autoplay: 4000,
        spaceBetween: 0,
        loop: true
    });

    $(function () {
        for (var i = 0; i < $(".page li").length; i++) {
            if ($(".page li").eq(i).hasClass("pagecurre")) {
                var liest = $(".page li").eq(i);
            }
        }
        $(".page li").mouseover(function () {
            $(this).addClass("pagecurre");
            $(this).siblings().removeClass("pagecurre");
        });
        $(".page").mouseleave(function () {
            $(".page li").removeClass("pagecurre");
            liest.addClass("pagecurre")
        })
    })
    $(function () {
        $(".ambient-nav li").each(function (i) {
            if ($(".ambient-nav li").eq(i).hasClass("Orange-down")) {

                $(".ambient-nav li").mouseover(function () {
                    $(this).siblings().removeClass("Orange-down");
                    $(this).addClass("Orange-down");
                }).mouseleave(function () {
                    $(".ambient-nav li").removeClass("Orange-down");

                    $(".ambient-nav li").eq(i).addClass("Orange-down");
                })
            }

        })
    })
</script>

</html>